<template>
	<v-layout title="EB3-A BSS电池盒生产线">
		<div class="body-box">
			<el-row>
				<el-col :span="6">
					<ItemWrap title="生产任务">
						<ProductionTask className="item-box-1" :isMock="isMock" />
					</ItemWrap>
				</el-col>
				<el-col :span="12">
					<ItemWrap title="设备状态">
						<EquipMap className="item-box-1" :isMock="isMock" />
					</ItemWrap>
				</el-col>
				<el-col :span="6">
					<ItemWrap title="设备报警统计（近30天）" box="12">
						<EquipAlarm className="item-box-2" :isMock="isMock" />
					</ItemWrap>
				</el-col>
			</el-row>
			<el-row>
				<el-col :span="12">
					<ItemWrap title="24小时生产统计">
						<ProductivityHourly className="item-box-2" :isMock="isMock" />
					</ItemWrap>
				</el-col>
				<el-col :span="6">
					<ItemWrap title="生产实时进度" box="12">
						<ProductivityRt className="item-box-2" :isMock="isMock" />
					</ItemWrap>
				</el-col>
				<el-col :span="6">
					<ItemWrap title="设备性能稼动率（近30天）">
						<EquipOee className="item-box-1" :isMock="isMock" />
					</ItemWrap>
				</el-col>
			</el-row>
		</div>
	</v-layout>
</template>

<script>
import VLayout from '../components/v-layout';
import ItemWrap from '../components/item-wrap';

import EquipAlarm from '../screen/equip-alarm';
import EquipMap from '../screen/equip-map';
import EquipOee from '../screen/equip-oee';

import ProductivityHourly from '../screen/productivity-hourly';
import ProductivityRt from '../screen/productivity-rt';

import ProductionTask from '../screen/production-task';

export default {
    components: {
        VLayout,
        ItemWrap,
        EquipAlarm,
        EquipMap,
        EquipOee,
        ProductivityHourly,
        ProductivityRt,
        ProductionTask,
    },
	data() {
		return {
			isMock: true,
		}
	}
}
</script>

<style lang="scss" scoped>
@import '@/assets/scss/v_style.scss';
@import '@/assets/scss/v_index.scss';

.item-box-1 {
    height: 456px;
}

.item-box-2 {
    height: 456px;
}
</style>
